//Hooks 钩子的意思.  useState():保存状态
// 生命周期函数也被称作钩子函数,也叫生命周期钩子

import React, { useState } from 'react'
//1.引入React,从react中暴露出useState.  让函数式组件支持state状态
export default function App() {
  //2.我们将useState()返回的数组解构出来
  const [count, setCount] = useState(0);
  //useState()接收唯一的一个参数,就是最初始的state
  // console.log(useState(0)); 
  // useState返回一个只有两个元素的数组,
  // 第一个是当前的state值,
  // 第二个是是一个函数,用来替换原来state中的值
  const [isHot,setIshot]= useState(false)
  const [person,setPerson]=useState('二狗子','翠花')

//5.事件函数
  const setCountHandle = () => {
    setCount(count + 1)
    console.log(count, '1111');
  }

  console.log('组件被重新渲染了');

  return (
    <div>
      {/* 3.这里累加值直接使用count */}
      <h1>累加的值是{count}</h1>
      {/* 4.写点击事件,将事件函数写在return上边 */}
      <h2>天气真{isHot ? '凉快': '炎热'}</h2>
      <button onClick={setCountHandle}>累加</button>
    </div>
  )
}


